/* badge
*/
.el-badge {
  --el-badge-radius: 10px;
  --el-badge-padding: 4px;
  --el-badge-size: 16px;
  .el-badge__content {
    @apply text-body-3;
    color: var(--text-cta-achromatic);
    &:not(.is-dot) {
      @apply min-w-4;
    }
  }
  &.is-inline {
    @apply inline-flex items-center;
    .el-badge__content,
    .el-badge__content.is-fixed {
      @apply static transform-none ml-1;
    }
  }
  &.is-circle {
    .el-badge__content {
      width: 18px;
      height: 18px;
    }
  }
}
